<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>ucan</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

<script src="jquery-1.11.1.min.js"></script>
<script src="unslider.min.js"></script>

<style type="text/css">

ul, ol { padding: 0;}

a{
text-decoration:none;
}



.top{width:1024px;height:130px;margin:0 auto;}
.logo{width:400px;height:80px; }
.logo img{width:200px;height:39px;margin:50px 50px 50px 50px;}

.jianjie{width:200px;margin:20px 50px 0px 50px;}

.banner { position: relative; overflow: auto; text-align: center;margin:0 auto;  }
.banner li { list-style: none; }
.banner ul li { float: left; }
.banner ul li img{ width:1024px;height:520px;cursor:pointer;}
#b02 { width: 1024px;}


.nav { position: relative; overflow: auto; text-align: right; float: right; background-image:url(nav.png);background-repeat: no-repeat; background-position: 0 18px; }
.nav li { list-style: none;cursor:pointer; }
.nav ul li { float: left; margin:0px 12px 0px 12px;width:65px;}


.ads { position: relative; overflow: auto; text-align: center;}
.ads li { list-style: none; }
.ads ul li { float: left; }
.ads ul li img{ width:230px;height:180px;margin:20px 12px 0px 12px; }

.news { position: relative; overflow: auto; text-align: center;}
.news li { list-style: none; }
.news ul li { float: left; }
.news ul li .new{ width:330px;height:300px;margin:0px 2px 70px 2px;background-image:url(newsbac.png); }

.panel{
	clear:both;
	margin:0 auto;   
	background-image:url(panelbac.png);
	}
	.panelbom{
	clear:both;
	margin:0 auto;   
	width:1024px;
	}
	body{background-image:url(panelbom.png);}
	
.footer {width:730px;margin:0 auto;position: relative; overflow: auto; text-align: center;  background-image:url(fwrx.png);
	background-repeat: no-repeat; background-position: 0px 18px; }
.footer li { list-style: none;cursor:pointer; }
.footer ul li { float: left; margin:0px 6px 0px 6px;width:55px;}
.footer ul{float:right;}

.coocom{width:730px;margin:0 auto;text-align: center;}
.newstop{float:left;width:150px;height:50px;background-image:url(newstop.png);background-repeat: no-repeat;background-position: 20px 0px;
	}
.wentop{float:left;width:150px;height:50px;background-image:url(wentop.png);background-repeat: no-repeat;background-position: 20px 0px;
}
.gd{width:60px;background-image:url(gd.png);background-repeat: no-repeat;background-position: 0px 5px;float:right;margin:15px 0 0 0}
.xx{height:2px;width:330px;background-image:url(xx.png);background-repeat: no-repeat;background-position: 20px 0px;clear:both;}

.newscontent{text-align: left; margin:0 0 0 30px; }
</style>
</head>
<body>
	<div class="panel">
		<div class="top">

				<div class="logo">
						<img src="ucanlog.png" alt=""  >
						
				</div>
				<div class="jianjie">
							<img src="jianjie.png" alt=""  >
						</div>
		
		<div class="nav">
				<ul>
					<li onclick="javascript:document.getElementById('over1').click();"><a id="over1" href="http://www.biidi.com/aboutme.html"
						target="_parent">&nbsp</a></li>
					<li onclick="javascript:document.getElementById('over2').click();"><a id="over2" href="http://www.biidi.com/qwatch.html"
						target="_parent">&nbsp</a></li>
					<li onclick="javascript:document.getElementById('over3').click();"><a id="over3" href="http://www.biidi.com/zhaoshang.html"
						target="_parent">&nbsp</a></li>
					<li onclick="javascript:document.getElementById('over4').click();"><a id="over4" href="http://www.biidi.com/Video.html"
						target="_parent">&nbsp</a></li>
					<li onclick="javascript:document.getElementById('over5').click();"><a id="over5" href="http://www.biidi.com/dz.html"
						target="_parent">&nbsp</a></li>
					<li onclick="javascript:document.getElementById('over6').click();"><a id="over6" href="http://www.biidi.com/jobs.html"
						target="_parent">&nbsp</a></li>
					<li onclick="javascript:document.getElementById('over7').click();"><a id="over7" href="http://www.biidi.com/jobs.html"
						target="_parent">&nbsp</a></li>
				
					
				</ul>
			</div>
		</div>
		
		<div class="showcase">
		
		<div class="banner" id="b02">
    		<ul>
		        <li><img src="01.jpg" alt=""  ></li>
		        <li><img src="02.jpg" alt=""  ></li>
		        <li><img src="03.jpg" alt=""  ></li>
		        <li><img src="04.jpg" alt=""  ></li>
		        <li><img src="05.jpg" alt=""  ></li>
		    </ul>
		</div>
		
		</div>
		
		</div>
		
		<div class="panelbom">
		<div class="ad">
		
			<div class="ads" >
	    		<ul>
			        <li><img src="01.jpg" alt=""  ></li>
			        <li><img src="02.jpg" alt=""  ></li>
			        <li><img src="03.jpg" alt=""  ></li>
			        <li><img src="04.jpg" alt=""  ></li>
			      
			    </ul>
			</div>
		
		</div>
		<div class="content">
			<div class="news">
					<ul>
			        <li><div class="new">
			        		<div class="newstop"></div>
			        		<div class="gd"><a id="over7" href="http://www.biidi.com/jobs.html"	target="_parent">&nbsp</a></div>
			        		<div class="xx"></div>
			        		<div class="newscontent">新闻1<br>
			        		新闻2
			        		</div>
			        		
			        	</div></li>
			        <li><div class="new">
			        		<div class="wentop"></div>
			        		<div class="gd"><a id="over7" href="http://www.biidi.com/jobs.html"	target="_parent">&nbsp</a></div>
			        		<div class="xx"></div>
			     				<div class="newscontent">问题1<br>
			        		问题2
			        		</div>
			        	
			        	</div></li>
			        	<li><div class="new">
			        		<div class="wentop"></div>
			        		<div class="gd"><a id="over7" href="http://www.biidi.com/jobs.html"	target="_parent">&nbsp</a></div>
			        		<div class="xx"></div>
			        		<div class="newscontent">新闻1<br>
			        		新闻2
			        		</div>
			        		
			        	</div></li>
			              
			        
			      
			    </ul>
			</div>
		</div>
		<div class="footer">
				<ul>
						<li onclick="javascript:document.getElementById('over1').click();"><a id="over1" href="http://www.biidi.com/aboutme.html"
								target="_parent">&nbsp;</a></li>
							<li onclick="javascript:document.getElementById('over2').click();"><a id="over2" href="http://www.biidi.com/qwatch.html"
								target="_parent">&nbsp;</a></li>
							<li onclick="javascript:document.getElementById('over3').click();"><a id="over3" href="http://www.biidi.com/zhaoshang.html"
								target="_parent">&nbsp;</a></li>
							<li onclick="javascript:document.getElementById('over4').click();"><a id="over4" href="http://www.biidi.com/Video.html"
								target="_parent">&nbsp;</a></li>
							<li onclick="javascript:document.getElementById('over5').click();"><a id="over5" href="http://www.biidi.com/dz.html"
								target="_parent">&nbsp;</a></li>
							<li onclick="javascript:document.getElementById('over6').click();"><a id="over6" href="http://www.biidi.com/jobs.html"
								target="_parent">&nbsp;</a></li>	
		
					</ul>
		</div>
		<div class="coocom">
				<img src="com.png"></img>
		</div>
	</div>

<script>
	$(function() {
    $('#b02').unslider();
    
    
     $.ajax({
	         url:'127.0.0.1:8080/probusiness2/ucanrest/ads.shtml',
	        
	         data: {"":""},
	         dataType: "json",
	       
	         success:function(data) { 
	        	 alert(data);
	         },
	         error: function(XMLHttpRequest, textStatus, errorThrown) {
                 alert("错误代码           "+XMLHttpRequest.status);
                 alert("错误原因           "+errorThrown);
                 alert("错误详情           "+XMLHttpRequest.responseText);
               
             }
	      });
    
    
    
    
    
});





</script>
</body>
</html>